{extend name="common/base" /}
{block name="title"}华创俱乐部{/block}
{block name="keywords"}
 <meta name="keywords" content="华创俱乐部">
{/block}
 {block name="description"}
<meta name="description" content="华创俱乐部">
{/block}
{block name="css"}
<style>
    .home_video{margin: 0 auto;}
    .home_video .video_play{ width:848px; height:480px;margin: 5px auto;}
    .home_video .video_play video{margin: 0 auto;algin:center; width:848px; height:480px;}
    @media only screen and (max-width: 768px) {
        .home_video .video_play{ width:100%; height: 100%; margin: 5px auto;}
        .home_video .video_play video{margin: 0 auto;algin:center; width:100%; height: 100%; }
    }
</style>
{/block}
{block name="main"}
<div>

    <!--header-->
    <header class="header">
        <div class="container clearfix">
            <div class="logo">
                <a href="{:Url('index/index/index')}"><img src="__HOME__/images/logo.jpg" alt="" /></a>
            </div>
            <a href="#mmenu" class="iconfont phone-nav">
                <span class="glyphicon glyphicon-align-justify"></span>
            </a>
            <div class="nav_right">
                <ul>
                    <li  class="active"><a href="{:Url('index/index/index')}">网站首页</a></li>
                    <li><a href="{:Url('about/about')}">关于我们</a>
                        <div class="erji">
                            <a href="{:Url('index/about/about')}">公司简介</a>
                            <a href="{:Url('index/about/honor')}">荣誉资质</a>
                            <a href="{:Url('index/about/about')}">企业文化</a>
                            <a href="{:Url('index/about/about')}">发展历程</a>
                            <a href="{:Url('index/about/about')}">导师简介</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/pro/pro')}">平台展示</a>
                        <div class="erji">
                            <a href="http://www.v7mall.com">为企商城</a>
                            <a href="http://www.massmakers.cn">创服汇</a>
                            <a href="http://www.massmakers.cn/gongyi">华创公益平台</a>
                        <a href="http://www.massmakers.cn/zhaopin">华创招聘</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/news/news')}">新闻资讯</a>
                        <div class="erji">
                            <a href="{:Url('index/news/news')}">公司新闻</a>
                            <a href="{:Url('index/news/news')}">行业新闻</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/job/job_show')}">招贤纳士</a>
                        <div class="erji">
                            <a href="{:Url('index/job/job_show')}">求职招聘</a>
                            <!--<a href="{:Url('index/job/job')}">画册宣传册</a>
                            <a href="{:Url('index/job/job')}">海报印刷</a>
                            <a href="{:Url('index/job/job')}">包装印刷</a>-->
                        </div>
                    </li>
                    <!--<li><a href="service.html">印刷服务</a>
                        <div class="erji">
                            <a href="service.html">印刷服务一</a>
                            <a href="service.html">印刷服务二</a>
                            <a href="service.html">印刷服务三</a>
                        </div>
                    </li>-->
                    <li><a href="{:Url('index/contact/contact')}">联系我们</a>
                        <div class="erji">
                            <a href="{:Url('index/contact/contact')}">联系方式</a>
                            <a href="{:Url('index/contact/feedback')}">在线留言</a>
                        </div>
                    </li>
                </ul>
                <div class="yuyan">
                    <span>语言</span>
                    <i>
                        <a href="">ENGLISH</a>
                        <a href="">中文</a>
                    </i>
                </div>
            </div>
        </div>
        <div class="dian_div">
            <div class="container">
                <span>公司电话：<a href="tel:021-50329161">021-50329161</a></span>
            </div>
        </div>
    </header>

    <!--banner-->
    <section class="banner">
        <div><a href="{:Url('index/index/index')}"><img src="__HOME__/images/banner1.jpg" alt="" /></a></div>
        <div><a href="{:Url('index/index/index')}"><img src="__HOME__/images/banner2.jpg" alt="" /></a></div>
        <div><a href="{:Url('index/index/index')}"><img src="__HOME__/images/banner3.jpg" alt="" /></a></div>
    </section>

    <!--pro-->
    <div class="home_pro">
        <div class="pro_nei">
            <div class="top_all">
                <h3>荣誉展示</h3>
                <span>TRUELANG&HONOUR</span>
            </div>
            <div class="pro_com clearfix">
                <div class="p_left wow bounceInLeft">
                    <img src="__HOME__/images/pro1.jpg" alt="" class="vcenter" />
                    <i></i>
                    <a href="{:Url('index/pro/pro')}" class="zhe_a slideExpandUp">
                        <img src="__HOME__/images/lian.png" alt="" />
                        <span class="zw">众创空间</span>
                        <span class="yw">CREATION SPACE</span>
                    </a>
                </div>
                <div class="p_right wow bounceInRight">
                    <ul class="clearfix">
                        <li>
                            <div class="pic">
                                <img src="__HOME__/images/pro2.jpg" alt=""class="vcenter" />
                                <i></i>
                            </div>
                            <a href="{:Url('index/pro/pro')}" class="zhe_a slideExpandUp">
                                <img src="__HOME__/images/lian.png" alt="" />
                                <span class="zw">五角场国家体育产业示范基地</span>
                                <span class="yw">SPORTS INDUSTRY DEMONSTRATION BSAE</span>
                            </a>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="__HOME__/images/pro3.jpg" alt=""class="vcenter" />
                                <i></i>
                            </div>
                            <a href="{:Url('index/pro/pro')}" class="zhe_a slideExpandUp">
                                <img src="__HOME__/images/lian.png" alt="" />
                                <span class="zw">上海公益基地</span>
                                <span class="yw">SHANGHAI PUBLIC WELFARE BASE</span>
                            </a>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="__HOME__/images/pro4.jpg" alt="" class="vcenter" />
                                <i></i>
                            </div>
                            <a href="{:Url('index/pro/pro')}" class="zhe_a slideExpandUp">
                                <img src="__HOME__/images/lian.png" alt="" />
                                <span class="zw">上海市中小企业服务机构</span>
                                <span class="yw">SME SERVICES</span>
                            </a>
                        </li>
                        <li>
                            <div class="pic">
                                <img src="__HOME__/images/pro5.jpg" alt=""class="vcenter" />
                                <i></i>
                            </div>
                            <a href="{:Url('index/pro/pro')}" class="zhe_a slideExpandUp">
                                <img src="__HOME__/images/lian.png" alt="" />
                                <span class="zw">示范基地</span>
                                <span class="yw">DEMONSTRATION BASE</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- video -->
    <div class="home_video">
        <div class="video_play">
            <video src="__HOME__/video/huachuang.mp4"  controls="controls" preload="preload">
                您的游览器不支持播放视频
            </video>
        </div>
    </div>

    <!--about-->
    <div class="home_about">
        <div class="about_com clearfix">
            <div class="a_left wow bounceInLeft">
                <div class="ab_bg">
                    <i></i>
                </div>
                <div class="pic">
                    <img src="__HOME__/images/about.jpg" alt="" class="vcenter" />
                    <i></i>
                </div>
            </div>
            <div class="a_right wow bounceInRight">
                <div class="span_y">
                    COMPANY PROFILE
                </div>
                <div class="span_z">
                    公司简介
                </div>
                <p>
                    华创俱乐部，全称为全球华人创业俱乐部，是前华为人发起的创业互助开放平台，我的使命是创造价值、回报社会;百折不挠,勇攀高峰。
                </p>
                <p>
                    华创俱乐部团结社会各界有助于创业的资源，打造“市场+资本+人才+孵化园区”的立体式综合创业服务平台。
                </p>
                <a href="" class="more">查看更多 →</a>
            </div>
        </div>
    </div>

    <!-- news -->
    <div class="home_news">
        <div class="news_com">
            <div class="top_all">
                <h3>新闻资讯</h3>
                <span>NEWS AND INFORMATION</span>
            </div>
            <div class="news_nei clearfix">
                <div class="n_left  wow bounceInLeft">
                    <div class="imgd">
                        <a href="{:Url('index/news/news')}"><img src="__HOME__/images/news1.jpg" alt="" class="vcenter" /></a>
                        <i></i>
                        <span class="ri">
                        <i>08</i>
                        <time>2016.25</time>
                    </span>
                    </div>
                    <h4><a href="{:Url('index/news/news')}">还在舍近求远？转化只会越来越远</a></h4>
                    <p>
                        对于多数To B类营销人员而言，他们的工作职责可以概括为以下几点：寻找潜在客户、挖掘商机、加强客户忠诚度、提高活动指标……
                    </p>
                    <a href="{:Url('index/news/news')}" class="more">查看更多>></a>
                </div>
                <div class="n_right">
                    <ul>
                        <li class="clearfix wow bounceInRight"  data-wow-delay="0.5s">
                            <a href="{:Url('index/news/news')}">
                            <span class="ri">
                                <i>06</i>
                                <time>2016-02</time>
                            </span>
                                <div class="wen_nei">
                                    <h4>营销路上，别丢了你的新浪微博</h4>
                                    <p>嘴笨的我想了好多话术，但是发现效果都不好，不是大家没兴趣听下去，就是我讲的逻辑跳跃。所以今天先给大家带来一张图，有些戏谑的元素...</p>
                                </div>
                            </a>
                        </li>
                        <li class="clearfix wow bounceInRight"  data-wow-delay="1s">
                            <a href="{:Url('index/news/news')}">
                            <span class="ri">
                                <i>19</i>
                                <time>2016-02</time>
                            </span>
                                <div class="wen_nei">
                                    <h4>你觉得微博现在还有用吗?我和我的同事们现在都不怎么玩微博了!</h4>
                                    <p>诚然，相比当前如日中天的微信，风生水起的直播APP，微博似乎已经英雄迟暮，渐渐淡出了甲方市场部的视线，甚至于要感谢能提出此类问题的人的尊重了...</p>
                                </div>
                            </a>
                        </li>
                        <li class="clearfix wow bounceInRight"  data-wow-delay="1.5s">
                            <a href="{:Url('index/news/news')}">
                            <span class="ri">
                                <i>25</i>
                                <time>2016-02</time>
                            </span>
                                <div class="wen_nei">
                                    <h4>基于账号的营销策略为何能“雄霸”B2B市场？</h4>
                                    <p>近年来，随着越来越多的B2B企业开始采用基于账号的营销或销售方式，其在增加销售线索、促进转化等方面带来的效果有目共睹。你也许会困惑，这种营销方式为何如此奏效...</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="links clearfix">
            <span>
                友情链接
            </span>
                <div class="link_a">
                    <a href="http://www.v7mall.com">为企商城</a> |
                    <a href="http://www.massmakers.cn">创服汇</a>
                </div>
            </div>
        </div>
    </div>

</div>
{/block}

